<template>
  <div>
    <ul>
      <li v-for="(item,index) in list " :key="index">
        <p>{{item.title}}</p>
<!--        <detail-list :list="item.children"></detail-list>-->
      </li>
    </ul>
  </div>
</template>

<script>
    export default {
      name: "detailList",
      data(){
          return{
            list:[
              { title:'成人票',
                children:[
                  {title:'男生票'},
                  {title:'女生票'}
                ]
              },
              { title:'老人票',
                children:[
                  {title:'男生票'},
                  {title:'女生票'}
                ]
              },
              { title:'学生票'},
              { title:'特惠票'}
            ]
          }
      }
    }
</script>

<style scoped>

</style>
